技術問答
技術文章
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2019 iT 邦幫忙鐵人賽
DAY
29
0
自我挑戰組
CSS、JS-30天研究筆記
系列 第
30
篇
【day30】JQ關於事件2
2019鐵人賽
Amy
2018-10-30 23:35:55
1513 瀏覽
分享至
一.事件物件
Type屬性:獲取這個事件的事件類型名稱,
target屬性:獲取綁定事件的 DOM 元素
data屬性:獲取事件調用時的額外資料
relatedTarget屬性:獲取移入移出目標點離開或進入的DOM 元素
currentTarget屬性:獲取冒泡前觸發的 DOM 元素
pageX/pageY屬性:獲取相對于頁面原點的水準/垂直座標
screenX/screenY屬性:獲取顯示器螢幕位置的水準/垂直座標
clientX/clientY屬性:獲取相對於頁面視口的水準/垂直座標
二.冒泡和默認行為
如果在頁面中重疊了多個元素,並且重疊的這些元素都綁定了同一個事件,那麼就會出 現冒泡問題。
preventDefault()方法:取消某個元素的預設行為
isDefaultPrevented()方法:判斷是否調用了 preventDefault()方法
stopPropagation()方法:取消事件冒泡
isPropagationStopped()方法:判斷是否調用了 stopPropagation()方法
stopImmediatePropagation()方法:取消事件冒泡,並取消該事件的後續事件處理函
isImmediatePropagationStopped()方法:判斷是否調用了 stopImmediatePropagation()方法
留言
追蹤
檢舉
上一篇
【day29】JQ關於事件1
下一篇
【day30】JQ關於事件3
系列文
CSS、JS-30天研究筆記
共
31
篇
目錄
RSS系列文
訂閱系列文
24
人訂閱
27
【day27】關於時間與日期
28
【day28】JQ動畫效果
29
【day29】JQ關於事件1
30
【day30】JQ關於事件2
31
【day30】JQ關於事件3
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19831
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
誰能證明AI是一場公司的大災難
在這過快的年代,誰還有辦法去用手寫而不是機器鍵盤敲出全部的程式碼?別再跟我AI,希望能有手寫程式碼的真正執行人告訴我為何
延續誰能證明ai是場災難
Fortigate的廠商說某些功能的授權因為區域限制無法購買是正常的嗎?
過勞的大大喝茶下班了嗎?
MSSQL 2019 使用 DB Link Oracle ODAC 19c。 "OraOLEDB.Oracle" 無法開始分散式交易
無經驗想進IT,求前輩建議方向
淺談沃茲尼克為何做出如此詭異又神速的分析
熱門回答
誰能證明AI是一場公司的大災難
在這過快的年代,誰還有辦法去用手寫而不是機器鍵盤敲出全部的程式碼?別再跟我AI,希望能有手寫程式碼的真正執行人告訴我為何
Fortigate的廠商說某些功能的授權因為區域限制無法購買是正常的嗎?
過勞的大大喝茶下班了嗎?
MSSQL 2019 使用 DB Link Oracle ODAC 19c。 "OraOLEDB.Oracle" 無法開始分散式交易
熱門文章
好想跟 Discord 聊天就把專案寫好 : Claude Code Channels
如何設計自己的遊戲開發同事
如何用cppsp解決c++擴充類別/結構的限制
【AI相關】Claude Code從零開始:安裝手冊
滾動驅動動畫成 2026 網頁標配:從 GSAP ScrollTrigger 到 WebGL 的實戰手冊
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}